<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>资讯</title>
    <th:block th:include="common/header :: header"/>
</head>
<body>
<th:block th:include="common/navbar :: navbar"/>
<th:block th:include="common/banner :: banner"/>
<div class="container pt-4">
    <ul class="list-unstyled">
        <li class="media my-3" th:each="news:${newsList}">
            <img th:src="@{${news.image}}" class="align-self-start mr-3" width="90" height="90">
            <div class="media-body">
                <h5 class="mt-0 mb-1">[[${news.title}]]</h5>
                <p class="text-break w-100">[[${news.content}]]</p>
                <p class="small" style="color: #888;">[[${news.createAt}]]</p>
            </div>
        </li>
    </ul>
    <th:block th:replace="common/pagenation :: pagination('/news', ${newsList.getPageable().getPageNumber()}, ${newsList.totalPages}, ${newsList.getPageable().getPageSize()})"/>
</div>
<th:block th:include="common/scripts :: scripts"/>
</body>
</html>